<script type="text/javascript" src="<?php echo Yii::app()->baseUrl ?>/scripts/jquery/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo Yii::app()->baseUrl ?>/scripts/js/user/create.js"></script>
<!-- Build page from here: -->
    <div class="row-fluid">

        <div class="span12">

            <div class="page-header">
                <h4>User profile</h4>
            </div>

            <form class="form-horizontal seperator" method="POST" action="?r=user/create" name="create_form" id="create_form"/>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="username">Tên đăng nhập:</label>
                            <input class="span4" id="username" name="username" type="text" value="" />
                            <span class="hint" style="display:none; color: red" id="username_err_null"  >Bạn chưa điền tên đăng nhập!</span>
                            <span class="hint" style="display:none; color: red" id="username_err_special"  >Tên đăng nhập không được chứa ký tự đặc biệt!</span>
			    <span class="hint" style="display:none; color: red" id="username_err_dup"  >Tên đăng nhập này đã có người sử dụng!</span>
			    <span class="hint" style="display:none; color: green" id="username_ok"  >Bạn có thể sử dụng tên đăng nhập này!</span>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="normal">Mật khẩu:</label>
                            <div class="span4 controls">
                                <input class="span12" id="password" name="password" type="password" placeholder="Nhập mật khẩu"/>
                                <span class="hint" style="display:none; color: red" id="password_err" >Mật khẩu phải có từ 6 ký tự trở lên!</span>
                                <input class="span12" id="confirm_password" name="confirm_password" type="password" placeholder="Xác nhận lại mật khẩu"/>
                                <span class="hint" style="display:none; color: red" id="confirm_password_err" >Mật khẩu xác nhận không đúng!</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="username">Hình đại diện:</label>
                            <img src="http://placehold.it/60x60" alt="" id="thumb_content" class="image marginR10" style="width: 80px; height: 80px;"/>
                            <input type="file" name="thumb" id="thumb" />
                            <input type="hidden" id="thumb_url"  />
                            <input type="hidden" id="icon" />
                        </div>
                    </div>
                </div>
                
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="name">Họ và tên:</label>
                            <input class="span4" id="fullname" name="fullname" type="text" value="" />
                            <span class="hint" style="display:none; color: red" id="fullname_err" >Bạn phải nhập đầy đủ họ tên!</span>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="email">Email:</label>
                            <input class="span4" id="email" name="email" type="text" value="" />
                            <span class="hint" style="display:none; color: red" id="email_err" >Email không đúng định dạng!</span>
                            <span class="hint" style="display:none; color: red" id="email_err_dup" >Email đã có người sử dụng!</span>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="birthday">Ngày sinh:</label>
                            <input type="text" id="mask-date" name="birthday" class="span8 mask text" style="width: 345px" placeholder="Ngày/Tháng/Năm" />
                            <span class="hint" style="display:none; color: red" id="birthday_err" >Bạn phải nhập đầy đủ ngày, tháng, năm sinh</span>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="gender">Giới tính:</label>
                            <div class="left marginT5 marginR10">
                                <input type="radio" name="gender" id="optionsRadios1" value="Nam" checked="checked" />
                                Nam
                            </div>
                            <div class="left marginT5 marginR10">
                                <input type="radio" name="gender" id="optionsRadios2" value="Nữ" />
                                Nữ
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="phone">Số điện thoại:</label>
                            <input class="span4" id="phone" name="phone" type="text" value="" />
                            <span class="hint" style="display:none; color: red" id="phone_err" >Số điện thoại không đúng!</span>
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="address">Địa chỉ:</label>
                            <input class="span4" id="address" name="address" type="text" value="" />
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span3" for="identity">Số chứng minh thư:</label>
                            <input class="span4" id="identity_id" name="identity_id" type="text" />
                        </div>
                    </div>
                </div>

                <div class="form-row row-fluid">        
                    <div class="span12">
                        <div class="row-fluid">
                            <div class="form-actions">
                            <div class="span3"></div>
                            <div class="span4 controls">
                                <button type="submit" id="save" class="btn btn-info marginR10">Tạo tài khoản</button>
                                <button class="btn btn-danger" id="cancel">Hủy</button>
                            </div>
                            </div>
                        </div>
                    </div>   
                </div>


            </form>

        </div><!-- End .span12 -->

    </div><!-- End .row-fluid -->